Estamos dando foco a diversas questões durante a criação da interface do sistema, incluindo agilidade, acessibilidade e usabilidade. Esses aspectos estão sendo cuidadosamente considerados para garantir que o projeto tenha uma identidade visual consistente em todas as telas, tanto para desktops quanto para dispositivos móveis.
O Diagrama de Fluxo apresenta um modelo que ilustra como o usuário pode navegar pelo sistema por meio das telas, seguindo o planejamento da aplicação, em conformidade com os requisitos funcionais, não funcionais, restrições e histórias das personas.
 |
|---|
| Figura 1 - Primeira parte do fluxo do usuário |
 |
|---|
| Figura 2 - Última parte do fluxo do usuário |
Para visualizar as telas pelo figma, clique aqui. Ao acessar o link, basta passar para o lado para visualizar todas as telas.
1 - Página de cadastro. |
2 - Página de login. |
3 - Página de recuperação de senha. |
 |
|---|
| 4 - Página de dashboard (home) |
5 - Página de transações. Nessa tela o usuário poderá visualizar, filtrar, criar, editar e excluir transações. |
6 - Modal aberta quando o usuário clica no botão "+ nova transação". |
7 - Página de categorias. Nessa tela o usuário poderá visualizar, criar, editar e excluir categorias. |
8 - Modal aberta quando o usuário clica no botão "+ nova categoria". |
9 - Página de metas. Nessa tela o usuário poderá visualizar, criar, editar e excluir metas. |
10 - Esta modal é aberta quando o usuário clica no botão "+ nova meta". |
11 - Página de carteiras. Nessa tela o usuário poderá visualizar, criar e excluir carteiras. |
12 - Modal aberta quando o usuário clica no botão "+ nova carteira". |
 |
|---|
| 13 - Página de perfil. Nessa tela o usuário poderá editar seu perfil, atualizar sua senha e excluir sua conta. |